<template>
  <div class="my-footer">
    <div class="statement">
      <div class="img-list">
        <div>
          <img src="../../assets/images/logobai.png"
               alt="" />
        </div>
        <ul class="footer-list-wrap">
          <li class="link-list">品牌公告</li>
          <li class="link-list">快速入口</li>
          <li class="link-list">真实账户</li>
          <li class="link-list">区域限制</li>
          <li class="link-list">法律信息</li>
          <li class="link-list">联系我们</li>
        </ul>
      </div>
      <div class="statement-title mt30">风险声明</div>
      <div class="statement-explain">请注意，外汇交易和其他杠杆产品的交易涉及很大的风险水平，并不适合所有投资者。金融工具的交易可能会导致亏损和盈利，而且你的损失可能比你最初投资的本金更大。在进行任何此类交易之前，您应确保充分
        了解所涉及的风险，并在必要时寻求独立意见。请阅读并确保您完全理解我们的风险披露。</div>
      <div class="statement-explain">本网站使用Cookie为您提供最佳体验，并能更好地了解您使用的习惯。通过将浏览器设置为允许cookies来访问我们的网站，即表示您同意我们按照“隐私条款”中所述使用cookies。</div>
    </div>
    <div class="Copyright">Copyright © 2021 RI FULL Group LLC. All Rights Reserved.</div>
  </div>
</template>
<script>
export default {
  name: 'myFooter',
  data () {
    return {
      scrollHeight: ''
    };
  },
  methods: {
    handleSelect (key, keyPath) {
      console.log(key, keyPath);
    },
    handleScroll () {
      let scrollHeight = window.scrollY
      if (scrollHeight) {
        return false
      }
      console.log(scrollHeight)
    }
  }}
</script>
<style scoped>
.my-footer {
  width: 100%;
  height: 388px;
  background: #1e1e1e;
  overflow: hidden;
  position: relative;
}
.statement {
  width: 58.8%;
  margin-left: 20.5%;
  margin-top: 47px;
  line-height: 22px;
  color: #fff;
}
.logo {
  width: 166px;
  height: 48px;
  /* background: url("../../assets/images/logobai.png") center top no-repeat;
  background-size: 100% 100%; */
}
.footer-list-wrap {
  display: flex;
  justify-content: flex-end;
}
.link-list {
  margin-left: 20px;
  font-family: PingFangSC-Medium;
  font-size: 16px;
  color: #ffffff;
  align-self: center;
}
.img-list {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
}
.statement-title {
  font-family: PingFangSC-Medium;
}
.statement-explain {
  font-family: PingFangSC-Regular;
  font-size: 12px;
  color: #ffffff;
  line-height: 22px;
}
.Copyright {
  font-family: PingFangSC-Regular;
  font-size: 14px;
  color: #ffffff;
  text-align: center;
  position: absolute;
  bottom: 20px;
  width: 100%;
}
</style>